<template>
  <!-- 请求试用 -->
  <section id="contact"
    class="section bg-gradient-to-br from-blue-600 via-blue-700 to-blue-800 text-white w-full py-16">
    <div class="w-full max-w-[2000px] mx-auto px-4 md:px-8 lg:px-16">
      <div class="text-center mb-12">
        <h2 class="text-3xl lg:text-4xl font-bold mb-4">请求试用</h2>
        <p class="text-xl text-blue-200">
          立即体验我们的智能解决方案，开启您的数字化转型之旅
        </p>
      </div>

      <div class="max-w-2xl mx-auto">
        <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8">
          <form class="space-y-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div>
                <label class="block text-sm font-medium mb-2">姓名</label>
                <input type="text"
                  class="w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
                  placeholder="请输入您的姓名">
              </div>
              <div>
                <label class="block text-sm font-medium mb-2">公司</label>
                <input type="text"
                  class="w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
                  placeholder="请输入公司名称">
              </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div>
                <label class="block text-sm font-medium mb-2">邮箱</label>
                <input type="email"
                  class="w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
                  placeholder="请输入邮箱地址">
              </div>
              <div>
                <label class="block text-sm font-medium mb-2">电话</label>
                <input type="tel"
                  class="w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
                  placeholder="请输入联系电话">
              </div>
            </div>

            <div>
              <label class="block text-sm font-medium mb-2">需求描述</label>
              <textarea rows="4"
                class="w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
                placeholder="请简要描述您的需求"></textarea>
            </div>

            <div class="text-center">
              <button type="submit"
                class="px-8 py-3 bg-white text-blue-600 font-semibold rounded-lg hover:bg-gray-100 transition-colors">
                提交申请
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>
</template>
